<extend name="Home@Base/common" xmlns="http://www.w3.org/1999/html"/>
<block name="body">
    <div class="span9 page_message">
        <section id="contents"> <include file="Home@Addons/_nav" />
            <div class="tab-content">
                <php> $post_url || $post_url = U('overtimelists?model='.$model['id'], $get_param);</php>
                <form class="form-horizontal form-center" method="post" action="{$post_url}" id="form">
                    <div class="form-item cf">
                        <!--<label class="item-label" style="padding-left: 30%;font-weight: bold">查询条件: </label>-->
                        <hr>
                    </div>
                    <div class="form-item cf">
                        <span> 查询月</span>
                        <select name="year_start" style="width: 120px;height: 25px;padding-top: 0px">
                            <volist name="query.date.ystart" id="vo">
                                <option value="{$vo.id}" {$vo.selected}>{$vo.name}</option>
                            </volist>
                        </select>
                        <select name="month_start" style="width: 120px;height: 25px;padding-top: 0px">
                            <volist name="query.date.mstart" id="vo">
                                <option value="{$vo.id}" {$vo.selected}>{$vo.name}</option>
                            </volist>
                        </select>
                        <span> 到</span>
                        <select name="year_end" style="width: 120px;height: 25px;padding-top: 0px">
                            <volist name="query.date.yend" id="vo">
                                <option value="{$vo.id}" {$vo.selected}>{$vo.name}</option>
                            </volist>
                        </select>
                        <select name="month_end" style="width: 120px;height: 25px;padding-top: 0px">
                            <volist name="query.date.mend" id="vo">
                                <option value="{$vo.id}" {$vo.selected}>{$vo.name}</option>
                            </volist>
                        </select>
                        <br>
                    </div>
                    <div class="form-item cf" style="float: left">
                        <span> 选择部门- </span>
                        <select name="dept_id" style="height: 30px;padding-top: 2px;margin-top: 5px">
                            <volist name="query.depts" id="vo">
                                <option value="{$vo.id}" {$vo.selected}>{$vo.name}</option>
                            </volist>
                        </select>
                        <span> 级别- </span>
                        <select name="level_id" style="height: 30px;padding-top: 2px;margin-top: 5px">
                            <volist name="query.levels" id="vo">
                                <option value="{$vo.id}" {$vo.selected}>{$vo.name}</option>
                            </volist>
                        </select>
                    </div>
                    <div class="form-item cf">
                        <span>&nbsp&nbsp员工姓名- </span>
                        <input style="width: 180px; height: 13px; margin-top: 3px" type="text" value="{$query.emp_name}" name="emp_name" placeholder="请填查询员工姓名">
                    </div>
                    <div class="form-item cf">
                        <button style="width: 120px;height: 35px background-color: #327cd5; value='1' name="button_query">开始查询</button>
                        <br><hr>
                    </div>

                <table>
                    <thead><tr>
                        <th>姓名</th>
                        <th>部门</th>
                        <th>提交日期</th>
                        <th>加班开始时间</th>
                        <th>加班结束时间</th>
                        <th>描述</th>
                    </tr></thead>
                    <volist name="list_data" id="vo">
                        <tr>
                            <td>{$vo['name']}</td>
                            <td>{$vo['dept']}</td>
                            <td>{$vo['submit_date']}</td>
                            <td>{$vo['start_time']}</td>
                            <td>{$vo['end_time']}</td>
                            <td>{$vo['description']}</td>
                         </tr>
                    </volist>
                </table>
                <div class="page"> {$_page|default=''} </div>
                </form>
            </div>
        </section>
    </div>
</block>

<block name="style">
    <style type="text/css">
        table {
            width: 100%;
            border-collapse: collapse;
            margin: 0 auto;
            text-align: center;
        }
        table td, table th {
            border: 0px solid #cad9ea;
            color: #666;
            height: 30px;
            text-align: center;
        }
        table thead th {
            background-color: #CCE8EB;
            width: 100px;
        }
        table tr:nth-child(odd) {
            background: #fff;
        }
        table tr:nth-child(even) {
            background: #F5FAFA;
        }
    </style>
</block>